<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<a href="http://www.baidu.com/" target="_parent">baidu</a>
	
	<div style="float:left;">
		<img alt="" src="test.jpg" style="height:50%;"/>	
	</div>
	<div style="float:left;clear:right;">
		<img alt="" src="test.jpg" style="max-height:20px;"/>	
	</div>
	<div style="float:left;">
		<img alt="" src="test.jpg" />	
	</div>
	<div style="float:left;">
		<p>这是一个有用的工具，它让周围的元素为浮动元素留出空间。
			让我们更详细地看看浮动和清理。假设希望让一个图片浮动到文本块的左边，并且希望这幅图片和文本包含在另一个具有背景颜色和边框的元素中。您可能编写下面的代码：</p>
	</div>
</body>
</html>